<template>
   <div style="position: absolute; top: 85px; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column;">
     <div style="display: flex;flex: 0 0 60px; align-items: center; justify-content: flex-end; padding: 0 15px;">
       <el-button  plain icon="Plus" type="primary" @click="onOpenTranslateModal">医院排班转换</el-button>
       <el-button type="primary">刷新大屏</el-button>
     </div>
     <div style="flex: auto; min-height: 0;overflow: auto;">
       <iframe src="/screen.html#home" style="width: 5376px; height: 2048px; border: 0;"></iframe>
     </div>
     <TranslateTemplateModal ref="translateModalRef"></TranslateTemplateModal>
   </div>
</template>

<script setup>
import {ref} from "vue";

const translateModalRef = ref()
import TranslateTemplateModal from "@/views/screen/tr/TranslateTemplateModal.vue";

const onOpenTranslateModal = () => {
  translateModalRef.value.onShowModel()
}
</script>

<style scoped lang="scss">

</style>

